\n \n {}\n {view === 'home' &&

\n \n {showTournamentDetails ? selectedTournament?.title || \"TOURNAMENT DETAILS\" : \"ACTIVE TOURNAMENTS\"}\n \n {!userWallet &&

CONNECT YOUR WALLET TO PLAY

\n {\n console.error(\"UserButton error:\", error);\n if (error.message && (error.message.includes('User rejected') || error.message.includes('User rejected the request'))) {\n setWalletError(true);\n setError('Wallet connection was rejected. You can try again when ready!');\n }\n }} />\n

\n Click the button above to connect your Solana wallet. You'll need it to buy tickets and play the game.\n

\n If you don't have a Solana wallet, you can download Phantom Wallet from the browser extension store.\n

}\n {userWallet && activeTournaments.length === 0 &&

NO ACTIVE TOURNAMENTS

Check back later or contact an admin for tournament schedules.

\n {isAdmin && }\n

}\n {userWallet && activeTournaments.length > 0 && !showTournamentDetails &&

\n {}\n \n

\n {activeTournaments.map(tournament =>

selectTournament(tournament)}>\n

{tournament.title}

LIVE

\n {tournament.imageUrl &&

}\n

PRIZE POOL

{tournament.totalPool?.toFixed(3) || \"0.000\"} SOL

ENTRY FEE

{tournament.minTicketPrice} SOL

WINNERS

TOP {tournament.numWinners}

ENDS IN

{Math.max(0, Math.floor((tournament.endTime - Date.now()) / (1000 * 60 * 60)))}h {Math.max(0, Math.floor((tournament.endTime - Date.now()) / (1000 * 60) % 60))}m

\n \n

)}\n

\n {totalPages > 1 &&

\n \n

\n {currentPage + 1} / {totalPages}\n

\n \n

}\n

}\n {userWallet && selectedTournament && showTournamentDetails &&

{selectedTournament.title || \"TOURNAMENT\"}

\n {selectedTournament.isActive ?

LIVE

ENDED

}\n

\n {selectedTournament.imageUrl &&

}\n

TICKET

{selectedTournament.minTicketPrice} SOL

PRIZE

{selectedTournament.totalPool?.toFixed(3) || \"0.000\"} SOL

WINNERS

TOP {selectedTournament.numWinners}

\n Started: {new Date(selectedTournament.startTime || selectedTournament.createdAt || Date.now()).toLocaleString()}\n

\n \n

\n {gameState.hasPlayed ?

YOUR SCORE

{gameState.score.toFixed(4)}

\n {gameState.canClaim && claimPrize(selectedTournament.id)} className=\"btn-pixel bg-[#8eff9c] text-white text-sm py-1 px-3\" whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }} disabled={claimingPrize}>\n CLAIM PRIZE\n }\n {}\n {userTickets.some(t => t.tournamentId === selectedTournament?.id && t.claimed && t.userId === userWallet) &&

\n PRIZE CLAIMED ✓\n

}\n \n

STOP THE POWER METER AS CLOSE TO ZERO AS POSSIBLE!

\n {selectedTournament && selectedTournament.isActive && selectedTournament.endTime > Date.now() ? \n BUY TICKET & PLAY\n : \n TOURNAMENT HAS ENDED\n }\n

}\n

}\n {}\n {showInfoPopup &&

\n \n

HOW TO PLAY

Buy a ticket for {selectedTournament?.minTicketPrice || 0.001} SOL
A power meter will surge between -100 and +100
Click the button to stop the meter as close to ZERO as possible
The top {selectedTournament?.numWinners || 3} players closest to zero win!
Winners share 90% of the prize pool

\n \n

}\n

}\n {}\n {view === 'game' && setView('home')} shareOnX={shareOnX} />}\n {}\n {view === 'admin' && isAdmin &&

\n ADMIN PANEL\n

CREATE NEW TOURNAMENT

\n Tournament Title\n setAdminSettings({\n ...adminSettings,\n title: e.target.value\n })} className=\"w-full p-2 bg-white/10 border border-white/20 rounded-md text-white\" placeholder=\"Enter tournament title\" />\n

\n Tournament End Time\n

Start time: Immediate upon creation

Current time: {new Date().toLocaleString()}

\n End Date\n {\n const newDate = new Date(e.target.value);\n const currentEndTime = new Date(adminSettings.endTime);\n newDate.setHours(currentEndTime.getHours());\n newDate.setMinutes(currentEndTime.getMinutes());\n newDate.setSeconds(0);\n newDate.setMilliseconds(0);\n setAdminSettings({\n ...adminSettings,\n endTime: newDate.getTime()\n });\n }} className=\"w-full p-2 bg-white/10 border border-white/20 text-white rounded-lg\" />\n

\n End Time\n {\n const [hours, minutes] = e.target.value.split(':').map(Number);\n const newEndTime = new Date(adminSettings.endTime && !isNaN(adminSettings.endTime) ? adminSettings.endTime : Date.now());\n newEndTime.setHours(hours);\n newEndTime.setMinutes(minutes);\n newEndTime.setSeconds(0);\n newEndTime.setMilliseconds(0);\n const currentTime = new Date();\n if (newEndTime < currentTime) {\n newEndTime.setDate(newEndTime.getDate() + 1);\n }\n setAdminSettings({\n ...adminSettings,\n endTime: newEndTime.getTime()\n });\n }} className=\"w-full p-2 bg-white/10 border border-white/20 text-white rounded-lg\" />\n

Selected End Time:

{adminSettings.endTime && !isNaN(adminSettings.endTime) ? new Date(adminSettings.endTime).toLocaleString() : 'Not set'}

\n Duration: {adminSettings.endTime && !isNaN(adminSettings.endTime) ? `${Math.floor((adminSettings.endTime - Date.now()) / (1000 * 60 * 60))} hours ${Math.floor((adminSettings.endTime - Date.now()) / (1000 * 60) % 60)} minutes` : '0 hours 0 minutes'} from now\n

\n Tournament Image URL\n

\n setAdminSettings({\n ...adminSettings,\n imageUrl: e.target.value\n })} placeholder=\"https://example.com/image.jpg\" className=\"w-full p-2 bg-white/10 border border-white/20 rounded-md text-white\" />\n

Enter a direct URL to an image. Recommended dimensions: 400x200px

\n {adminSettings.imageUrl &&

\n $\"Tournament$ {\n e.target.onerror = null;\n e.target.src = '';\n setError('Invalid image URL. Please check the link and try again.');\n }} />\n \n

}\n

\n Ticket Price (SOL)\n setAdminSettings({\n ...adminSettings,\n minTicketPrice: parseFloat(e.target.value)\n })} className=\"w-full p-2 bg-white/10 border border-white/20 rounded-md text-white\" />\n

\n Number of Winners\n setAdminSettings({\n ...adminSettings,\n numWinners: parseInt(e.target.value)\n })} className=\"w-full p-2 bg-white/10 border border-white/20 rounded-md text-white\" />\n

\n {isCreatingTournament ?

\n Creating Tournament...\n {creationProgress}%\n

\n \n

\n {creationProgress < 30 && \"Validating tournament data...\"}\n {creationProgress >= 30 && creationProgress < 60 && \"Preparing tournament settings...\"}\n {creationProgress >= 60 && creationProgress < 90 && \"Creating tournament on blockchain...\"}\n {creationProgress >= 90 && \"Finalizing creation...\"}\n

: }\n {error &&

\n {error}\n

}\n

\n {}\n

ACTIVE TOURNAMENTS

\n {activeTournaments.length === 0 ?

\n No active tournaments\n

\n {activeTournaments.map(tournament =>

TOURNAMENT TITLE

{tournament.title || \"POWER SURGE TOURNAMENT\"}

TICKET PRICE

{tournament.minTicketPrice} SOL

PRIZE POOL

{tournament.totalPool?.toFixed(3) || \"0.000\"} SOL

WINNERS

TOP {tournament.numWinners}

END TIME

{new Date(tournament.endTime).toLocaleString()}

\n \n \n

)}\n

}\n

\n {selectedTournament &&

EDIT TOURNAMENT: {selectedTournament.title}

TOURNAMENT SCHEDULE

\n Started: {new Date(selectedTournament.startTime || selectedTournament.createdAt || Date.now()).toLocaleString()}\n

\n Ends: {new Date(selectedTournament.endTime).toLocaleString()}\n

\n \n

ADJUST END TIME

\n New End Date\n {\n const newDate = new Date(e.target.value);\n const currentTime = new Date();\n const currentEndTime = new Date(adminSettings.endTime);\n newDate.setHours(currentEndTime.getHours());\n newDate.setMinutes(currentEndTime.getMinutes());\n if (newDate < currentTime) {\n currentTime.setHours(currentTime.getHours() + 1);\n newDate.setHours(currentTime.getHours());\n newDate.setMinutes(currentTime.getMinutes());\n }\n setAdminSettings({\n ...adminSettings,\n endTime: newDate.getTime()\n });\n }} className=\"w-full p-2 bg-white/10 border border-white/20 text-white rounded-lg\" />\n

\n New End Time\n {\n const [hours, minutes] = e.target.value.split(':').map(Number);\n const newEndTime = new Date(adminSettings.endTime && !isNaN(adminSettings.endTime) ? adminSettings.endTime : Date.now());\n const currentTime = new Date();\n newEndTime.setHours(hours);\n newEndTime.setMinutes(minutes);\n if (newEndTime < currentTime) {\n newEndTime.setDate(newEndTime.getDate() + 1);\n }\n setAdminSettings({\n ...adminSettings,\n endTime: newEndTime.getTime()\n });\n }} className=\"w-full p-2 bg-white/10 border border-white/20 text-white rounded-lg\" />\n

\n \n

}\n

\n \n

ADMIN ACTIONS

\n \n

}\n {}\n {view === 'profile' && userWallet &&

\n PLAYER PROFILE\n

YOUR STATS

WALLET

\n {userWallet}\n

\n \n {\n await fetchUnclaimedWinnings(true);\n }} className=\"btn-pixel bg-gradient-to-r from-[#ffde00] to-[#ff5bac] text-[#0a2540] w-full py-3\" whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }} animate={{\n boxShadow: ['0 0 0px rgba(255,222,0,0)', '0 0 20px rgba(255,222,0,0.8)', '0 0 0px rgba(255,222,0,0)']\n }} transition={{\n boxShadow: {\n duration: 2,\n repeat: Infinity\n },\n ease: \"easeInOut\"\n }}>\n

\n \n 🏆\n \n CHECK PRIZES\n

\n \n\n {userStats.hasWinningTickets &&

🏆

WINNER NOTIFICATION!

You have prizes to claim!

}\n \n {}\n {unclaimedWinnings.length > 0 && \n \n 🏆 UNCLAIMED PRIZES!\n \n

\n {unclaimedWinnings.map((win, index) => \n

{win.tournamentTitle}

Rank #{win.rank} with score {win.score.toFixed(4)}

Prize: {win.prize.toFixed(4)} SOL

\n claimPrize(win.tournamentId, win.ticketId)} className=\"btn-pixel bg-[#8eff9c] text-white whitespace-nowrap\" whileHover={{\n scale: 1.05\n }} whileTap={{\n scale: 0.95\n }} disabled={claimingPrize}>\n CLAIM PRIZE\n \n )}\n

\n }\n

GAMES PLAYED

{userStats.gamesPlayed}

TOTAL WINNINGS

{userStats.totalWinnings.toFixed(4)} SOL

\n {unclaimedWinnings.length > 0 &&

🏆 YOU HAVE UNCLAIMED PRIZES!

\n \n SEE PRIZES ABOVE!\n \n

}\n {userStats.bestScore !== null &&

BEST SCORE

{userStats.bestScore.toFixed(4)}

AVG SCORE

{userStats.avgScore.toFixed(4)}

}\n {userStats.lastPlayed &&

LAST PLAYED

{userStats.lastPlayed.toLocaleString()}

}\n

RECENT GAMES

\n {userTickets.length > 0 ?

\n {userTickets.map(ticket =>

SCORE

{ticket.score.toFixed(4)}

\n \n

)}\n

No games played yet

}\n

CONNECT SOCIALS

\n {twitterUsername ?

\n \n

\n @{twitterUsername}\n \n ✓\n \n

X Account Connected

\n \n View Profile\n \n

\n \n

: }\n

\n \n

}\n {view === 'leaderboard' &&

\n LEADERBOARD\n

\n {selectedTournament ? <>\n

\n PRIZE POOL: {selectedTournament.totalPool.toFixed(3)} SOL\n

\n WINNERS: TOP {selectedTournament.numWinners}\n

\n STATUS: {selectedTournament.isActive ? 'ACTIVE' : 'ENDED'}\n

\n \n

PLAYER

SCORE

\n {leaderboard.length === 0 ?

\n No players yet\n

: leaderboard.map((ticket, index) =>

{index + 1}

\n {ticket.userId.slice(0, 4)}...{ticket.userId.slice(-4)}\n {userWallet && ticket.userId === userWallet && (YOU)}\n

{ticket.score.toFixed(4)}

\n \n

)}\n

\n {activeTournaments.length > 1 && }\n \n : activeTournaments.length > 0 ?

Please select a tournament to view its leaderboard

\n \n \n

No active tournaments

\n \n

}\n

TRANSACTION STATUS

{tournament.title}

{selectedTournament.title || \"TOURNAMENT\"}

HOW TO PLAY

\n ADMIN PANEL\n

CREATE NEW TOURNAMENT

ACTIVE TOURNAMENTS

EDIT TOURNAMENT: {selectedTournament.title}

ADMIN ACTIONS

\n PLAYER PROFILE\n

YOUR STATS

RECENT GAMES

CONNECT SOCIALS

\n LEADERBOARD\n

CONFIRM DELETION

DELETING TOURNAMENT

YOU'RE A WINNER!